<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>

</head>
  <style>
    .head{
      color: red;
      margin:auto;
    }
  </style>
<body>
  
  <!-- <div>这是头部</div>

  <span>今日价格</span> -->
      <div>我是一个div</div>
    <div class="head">
      <span>今日价格</span>
      <span>今日热卖</span>
      <span>销量优先</span>
      <span>排行榜</span> 
    </div>
    <div>
    <!-- img 的属性 
    alt 图片显示不出来的时候 展示文字
    title  文本 鼠标悬停展示
    border="11"  图像边框粗细
    width="300" height="200"
    -->
      <img src="img\QQ截图20231205222348.png" alt="图片没有了"
       title="这是一个测试图片"  >
    </div>

    <a href="https://www.baidu.com/" target="_self">百度一下</a> 当前页面 <br />
    <a href="https://www.baidu.com/" target="_blank">百度一下</a> 新页面  <br />
    <a href="#">空链接</a> 


</body>
</html>